<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
<base href="/erp/static/">
<meta charset="utf-8">
<title>在线演示 - layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" href="layui/css/layui.css" media="all">
<link rel="stylesheet" href="css/global.css" media="all">

</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header header header-demo">
			<div class="layui-main">
				<a class="logo" href="/"> <img src="images/logo-1.png"
					alt="layui">
				</a>
			</div>
		</div>
		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">

				<ul class="layui-nav layui-nav-tree site-demo-nav">
					<li class="layui-nav-item layui-nav-itemed"><a
						class="javascript:;" href="javascript:;">开发工具</a>
						<dl class="layui-nav-child">
							<dd class="layui-this">
								<a href="/demo/">调试预览</a>
							</dd>
						</dl></li>

					<li class="layui-nav-item layui-nav-itemed"><a
						class="javascript:;" href="javascript:;">基本元素</a>
						<dl class="layui-nav-child">
							<dd class="">
								<a href="/demo/button.html">按钮</a>
							</dd>
							<dd class="">
								<a href="/demo/form.html">表单</a>
							</dd>
						</dl></li>

					<li class="layui-nav-item layui-nav-itemed"><a
						class="javascript:;" href="javascript:;">官方组件</a>
						<dl class="layui-nav-child">
							<dd class="">
								<a href="/demo/flow.html"> <i class="layui-icon">&#xe636;</i>
									<cite>流加载</cite>
								</a>
							</dd>
							<dd class="">
								<a href="/demo/code.html"> <i class="layui-icon"
									style="top: 1px;">&#xe635;</i> <cite>代码修饰器</cite>
								</a>
							</dd>
						</dl></li>

					<li class="layui-nav-item" style="height: 30px; text-align: center"></li>
				</ul>

			</div>
		</div>

		<div class="layui-body">
			<iframe frameborder="0" src="http://www.baidu.com" id="LAY_demo"></iframe>
		</div>

		<div class="layui-footer footer footer-demo">
			<div class="layui-main">
				<p>
					版权所有 &copy; 2017 <a href="http://www.bjzjns.com">北京中佳诺石网络科技有限公司</a>
				</p>
			</div>
		</div>

		<script src="layui/layui.js?" charset="utf-8"></script>
		<script>
			layui.config({
				base : 'js/modules/'
			}).use('global');

			window.global = {
				preview : function() {
					var preview = document.getElementById('LAY_preview');
					return preview ? preview.innerHTML : '';
				}()
			};

			layui.use('element', function() {
				var element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块

				//监听导航点击
				element.on('nav(demo)', function(elem) {
					//console.log(elem)
					layer.msg(elem.text());
				});
			});
		</script>
	</div>
</body>
</html>